<template>
<uni-icons
    class="input-icon"
    :type="type"
    :size="size"
/>
</template>
<script setup lang="ts">

import { defineProps,computed } from 'vue';
const props=defineProps({
   type:{
    type:String,
     default: 'mic',
   },
   size:{
    type:String,
    defualt:30
   },
  borderColor: {
    type: String,
    default: 'rgba(246, 243, 243, 0.543)',
  },
})
</script>
<style scoped lang="scss">
.input-icon {
  width: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--border-color, rgba(246, 243, 243, 0.543));
  height: 2rem;
  border-radius: 50%;
  box-shadow: 3px 5px 5px 0.5px rgba(5, 5, 5, 0.1);
  font-weight: 700;
}
</style>